<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
<!-- 访问的基本路径,此页面的所有的跳转都是基于此地址作为基本地址 -->
<base href="<%=basePath%>">
	
<meta charset="utf-8" />
<title></title>
<!--主题样式-->
<link rel="stylesheet" type="text/css" href="resources/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="resources/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="resources/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="resources/easyui/demo/demo.css">

<!--图标样式-->
<link rel="stylesheet" type="text/css" href="resources/easyui/themes/icon.css">
<!--jquery文件-->
<script type="text/javascript" src="resources/easyui/jquery.min.js"></script>
<!--easyui的核心js-->
<script type="text/javascript" src="resources/easyui/jquery.easyui.min.js"></script>
<!-- 引入中文文件 -->
<script type="text/javascript"src="resources/easyui/locale/easyui-lang-zh_CN.js"></script>

<style>
	.backGround {
		background-image: url(resources/images/banner-pic.gif);
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	#centerTabs .tabs-panels>.panel>.panel-body {
		overflow: hidden;
	}
</style>
</head>

	<body>
		<script type="text/javascript">
			$(function() {
				
				$("#systemTree").tree({
					method: 'get',
					//url: 'resources/tree_data.json',
					url:"admin/getMenu.do",
					//菜单的单击事件
					onClick: function(node) {
						console.log(node.attributes.url);
						//判断当前标题在tabs中是否有指定的选项卡
						var flag = $("#centerTabs").tabs("exists", node.text);
						if(flag) { 
							//有:选中对应标题的选项卡
							$("#centerTabs").tabs("select", node.text);
						} else {
							//没有.创建新的选项卡
							//新建菜单对应的选项卡
							$("#centerTabs").tabs("add", {
								title: node.text,
								/* iframe 在选项卡中嵌入一个页面 */
								content: "<iframe src='"+node.attributes.url+"' style='width:100%;height:100%;' frameborder='0' >",
								closable: true
							});
						}

					}
				});
				
				$("#musicTree").tree({
					method: 'get',
					url:"admin/getMusicMenu.do",
					onClick: function(node) {
						console.log(node.attributes.url);
						//判断当前标题在tabs中是否有指定的选项卡
						var flag = $("#centerTabs").tabs("exists", node.text);
						if(flag) { 
							//有:选中对应标题的选项卡
							$("#centerTabs").tabs("select", node.text);
						} else {
							//没有.创建新的选项卡
							//新建菜单对应的选项卡
							$("#centerTabs").tabs("add", {
								title: node.text,
								/* iframe 在选项卡中嵌入一个页面 */
								content: "<iframe src='"+node.attributes.url+"' style='width:100%;height:100%;' frameborder='0' >",
								closable: true
							});
						}

					}
				});
				
			});
			
			function exitLog(){
				$.messager.confirm('确认','您确认要退出登录吗？', function(r){    
					 if (r) {    
					    window.location.href = "index/exit.do";
					 }  
				}); 
			}
		</script>

		<div id="cc" class="easyui-layout" fit='true'>
			<div class="backGround" data-options="region:'north'" style="height:70px;"></div>
			<div class="backGround" data-options="region:'south'" style="height:30px;">
				<span class="bigger-120">
					尚学堂音乐管理系统 &copy; 2013-2020
				</span>
			</div>
			<div data-options="region:'west'" style="width:180px;">
				<div class="easyui-accordion" fit="true">
					<div title="系统模块管理" data-options="iconCls:'icon-save'">
						<ul class="easyui-tree" id="systemTree"></ul>
					</div>
					<div title="质押模块管理" data-options="iconCls:'icon-ok'">

					</div>
					<div title="音乐模块管理" data-options="iconCls:'icon-ok'">
						<ul class="easyui-tree" id="musicTree"></ul>
					</div>
				</div>
			</div>
			<div data-options="region:'center'" style="padding:5px;background:#eee;">

				<div id="centerTabs" fit="true" class="easyui-tabs">
					<div title="欢迎页面">
						<div style="padding:10px">
							<h3>欢迎进入尚学堂音乐管理系统!!!</h3><br>
							<table>
								<thead>
									<h6><b>用户信息</b></h6>
								</thead>
								<tbody>
									<tr>
										<td>用户名: ${admin_name}</td>
									</tr>
									<tr>
										<td>角色：${admin_role}</td>
									</tr>
									<tr>
										<td>加入时间：${create_date}</td>
									</tr>
									<tr>
										<td>用户状态：${admin_status}</td>
									</tr>
									<tr>
										<td>&nbsp;</td>
									</tr>
									<tr>
										<td><a class="easyui-linkbutton" href="javascript:void();" onclick="exitLog();">退出登录</a></td>
									</tr>
								</tbody>
							</table>													
						</div>						
					</div>

				</div>

			</div>
		</div>
	</body>

</html>